<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<meta name="renderer" content="webkit"> 
	<title>蒋飞的简介</title>
	<link rel="stylesheet" href="css/reset.css">
	<link rel="stylesheet" href="css/main.css">
	<script src="js/jquery-1.12.1.min.js"></script>
	<script src="lib/navFixed-1.0.1.min.js"></script>
	<script src="js/main.js"></script>
</head>
<body>
	<section id="block-firstPage">
		<p class="blockTitle">Hello World</p>
		<div id="fstPage-down"><a href="#block-intro" hideFocus="true"></a></div>
	</section>

	
	<section id="block-nav">
		<header class="container">
			<a class="fl" href="#block-firstPage" id="logo" hideFocus="true">feixia</a>
			<nav class="fr">
				<a href="#block-intro" id="nav-intro" hideFocus="true">个人简介</a>
				<a href="#block-skill" id="nav-skill" hideFocus="true">专业技能</a>
				<a href="#block-workEXP" id="nav-workEXP" hideFocus="true">工作经历</a>
				<a href="#block-prjEXP" id="nav-prjEXP" hideFocus="true">部分作品</a>
				<a href="#block-wantMore" id="nav-wantMore" hideFocus="true">联系方式</a>
			</nav>
		</header>
	</section>

	<section id="block-intro">
		<div class="container">
			<div id="intro-icon">
				<a class="link" href="http://github.com/feixia5320" id="link-github" hideFocus="true" target="_blank">GitHub</a>
				<img id="myPhoto" src="img/jiangfei02.png">
				<a class="link" href="mailto:1044489176@qq.com" id="link-email" hideFocus="true">E-mail</a>
			</div>
			
			<div id="intro-text">
				<ul class="fl">
					<li><span>姓名</span> | 蒋飞 - feixia</li>
					<li><span>手机</span> | 13659207970</li>
					<li><span>邮箱</span> | 1044489176@qq.com
					<li><span>所在地</span> | 陕西 - 西安</li>
					<li><span>GitHub</span> | <a href="http://github.com/feixia5320" hideFocus="true">点击进入</a> </li>
					
				</ul>
				<div class="fr">
					<p>我是一个做事认真、负责的人。对计算机编程比较感兴趣，同时非常看好互联网的发展前景，因此决定转行做web前端开发。</p>
					<p>半年前开始报名学习 网易云课堂的前端开发微专业，学习了html5，css3，javascript等课程。</p>
					<p>为了进一步提高能力，学习了<em>《CSS设计指南（第3版）》《HTML5与CSS3基础教程（中文第8版）》《JavaScript DOM编程艺术(第2版)》《锋利的jQuery》《JavaScript高级程序设计（第3版）》</em>等书。能熟练掌握html5，css3，对javascript和jQuery有一定了解。</p>
					<p>在校期间成绩优异<a href="img/成绩单.jpg"><em>（成绩单）</em></a>，并且有较强的自学习能力。希望贵公司能够给我一个机会！
					</p>
				</div>
			</div>


		</div>
	</section>

	<section id="block-skill">
		<div class="container">
			<div class="skill-title">
				<h2>专 业 技 能</h2>
			</div>
			<div id="skill-tab">
				<ul>
					<li><a title="学习的书籍" href="#nogo">学习的书籍</a></li>
					<li><a title="软件技能" href="#nogo">软件技能</a></li>
				</ul>
			</div>
			<div id="skill-list">
			<div class="contain">
				<ul>
					<li>
						<a href="###1" class="JS_live"><img alt="html5" src="img/html5.png" /></a>
						<span>html5</span>
					</li>
					<li>
						<a href="###2" class="JS_live"><img alt="css设计指南" src="img/css设计指南.png" /></a>
						<span>css设计指南</span>
					</li>
					<li>
						<a href="###3" class="JS_live"><img alt="javascript-dom" src="img/javascript-dom.png" /></a>
						<span>javascript-dom</span>
					</li>
					<li>
						<a href="###4" class="JS_live"><img alt="javascript高级程序设计" src="img/javascript高级程序设计.png" /></a>
						<span>javascript高级程序设计</span>
					</li>
					<li>
						<a href="###1" class="JS_live"><img alt="锋利的jquery" src="img/锋利的jquery.png" /></a>
						<span>锋利的jquery</span>
					</li>
					<li>
						<a href="###2" class="JS_live"><img alt="sublime" src="img/sublime.png" /></a>
						<span>sublime</span>
					</li>
					<li>
						<a href="###2" class="JS_live"><img alt="ps" src="img/ps.png" /></a>
						<span>ps</span>
					</li>
				</ul>
				</div>
			</div>


		</div>
	</section>

	<section id="block-workEXP">
		<div class="container">
			<div class="work-title">
				<h2>工 作 经 历</h2>
			</div>
			<div class="workEXP-main">
				<ul class="timebox">
					<li class="time0">2013.06 - 2014.03</li>
					<li class="time1">2014.03 - 2016.02</li>
				</ul>
				<div class="timeline"></div>
				<ul class="workbox">
					<li class="work-intro0">
						<label class="work-place">振华新能源科技有限公司</label>
						<label class="work-position">污水处理工程师</label>
						<label class="work-do"></label>
					</li>
					<li class="work-intro1">
						<label class="work-place">西安优美特环境工程有限公司</label>
						<label class="work-position">污水处理工程师</label>
						<label class="work-do">负责编写污水处理设计方案，设计处理工艺流程，使用CAD绘制初步设计图纸，施工图纸，编写投标方案等。</label>
					</li>
				</ul>
			</div>
		</div>
	</section>

	<section id="block-prjEXP">
		<div class="container">
			<div class="prjEXP-title">
				<h2>部 分 作 品</h2>
			</div>
			<div class="webDesign clear_fix" id="webDesign">
				<ul>
					<li><a href="work/下拉框左右选择/demo1.html"><span>选择框</span></a></li>
					<li><a href="work/表单验证/demo6.html"><span>表单验证</span></a></li>
					<li><a href="work/表格变色/demo6.html"><span>表格变色</span></a></li>
					<li><a href="work/表格内容过滤/demo3.html"><span>内容筛选</span></a></li>
					<li><a href="work/标签切换/demo.html"><span>标签切换</span></a></li>
					<li><a href="work/图片提示效果/demo.html"><span>提示图片</span></a></li>
					<li><a href="work/滚动图片/demo.html"><span>滚动图片</span></a></li>
					<li><a href="work/图片库/gallery.html"><span>图片库</span></a></li>
					<li><a href="work/slideshow/list.html"><span>slideshow</span></a></li>
					<li><a href="work/网页实例/demo.html"><span>网页实例</span></a></li>

				</ul>
			</div>

		</div>
	</section>

	<section id="block-wantMore">
		<p class="title">快把我收到碗里吧</p>
		<p class="contack"><img src="img/phone.png">136 5920 7970<br>
		<img src="img/email3.png">
		<a href="mailto:1044489176@qq.com">1044489176@qq.com</a>
		</p>
		
	</section>

</body>
</html>
